<div class="header_list">
    <div class="content_header_list">
        <a href="#"><img class="logo_header_list" src="<?php echo BASE_URL; ?>themes/list/images/logo-lg.png" /></a>
        <div class="menu_header_list">
            <a href="javascript:;void(0);" class="show_healthline">Sức khỏe & đời sống <span></span></a>
            <ul class="menu_list menu_healthline">
                <?php foreach($menu_medical as $menu_med): ?>
                    <li><a href="<?php echo $menu_med->href; ?>" title="<?php echo $menu_med->name; ?>"><?php echo $menu_med->name; ?></a></li>
                <?php endforeach;?>
            </ul>
        </div>

        <div class="menu_header_list">
            <a href="javascript:;void(0);" class="show_news">Tin tức tổng hợp <span></span></a>
            <ul class="menu_list menu_news">
                <?php foreach($menu_news as $menu_new): ?>
                    <li><a href="<?php echo $menu_new->href; ?>" title="<?php echo $menu_new->name; ?>"><?php echo $menu_new->name; ?></a></li>
                <?php endforeach;?>
            </ul>
        </div>

        <div class="search_header_list">
            <form action="home_page.php">
                <input type="text" name="search" class="txt_search_header" placeholder="How can we help you"/>
                <input type="submit" class="btn_search_gray" value=""/>
            </form>
        </div>
    </div>
</div>

<script type="text/javascript">


    jQuery('.menu_header_list').hover(function(){
        var timer = jQuery(this).data('timer');
        if(timer){
            clearTimeout(timer);
        }
        var obj = jQuery(this);
        obj.data('showTimer', setTimeout(function(){
            obj.children("ul").show();
            obj.addClass("hover");
        }, 200));

    },function(){
        var showTimer = jQuery(this).data('showTimer');
        if(showTimer){
            clearTimeout(showTimer);
        }
        var obj = jQuery(this);
        obj.data('timer', setTimeout(function(){
            obj.children("ul").hide();
            obj.removeClass("hover");
        }, 200));
    })

</script>